UC知道[Dreamweaver问题] 如何让图片能够自动适应屏幕分辨率拉伸?
来源：百度知道 编辑：UC知道 时间：2024/06/12 22:29:19
已知获取屏幕分辨率的代码如下:
<script language="javascript">
ww=screen.width
hh=screen.height
</script>
问题是, 如何在html中使用ww和hh变量请过路前辈们指教:
<img src="img.jpg" width= height= />
谢谢zhaoquanyii的详细解答, 让我学到了新的知识.
但好像并不是我需要的答案。
其实，我最想问的是 <script> 中定义的变量，如何在 html 中使用的问题，以便解决其他相类似的问题。
如果zhaoquanyii能够继续帮我解答，我会再赠予20分，以感谢您的慷慨！(^o^)
<script language="javascript">
ww=screen.width
hh=screen.height
</script>
问题是, 如何在html中使用ww和hh变量请过路前辈们指教:
<img src="img.jpg" width= height= />
谢谢zhaoquanyii的详细解答, 让我学到了新的知识.
但好像并不是我需要的答案。
其实，我最想问的是 <script> 中定义的变量，如何在 html 中使用的问题，以便解决其他相类似的问题。
如果zhaoquanyii能够继续帮我解答，我会再赠予20分，以感谢您的慷慨！(^o^)
很简单的！！有两种方法可以解决！
<div id="divbox" style="width:100%">
<!-- 这个DIV用来装你的图片，宽度会自适应 -->
<img id="imgbox" src="8.jpg" />
<!-- 这里放你的图片 -->
</div>
<script>
function $( obj ){
return document.getElementById(obj);
}
//如果出错或者有不对可以把下面这行的注释取消看看是DIV和IMG的宽度都是多少,不对就说明有问题了
//alert($('divbox').clientWidth + "\n" + $('imgbox').clientWidth );
//设置图片的宽度
$('imgbox').style.width = $('divbox').clientWidth;
//看看设置后的结果
//如果出错或者有不对可以把下面这行的注释取消看看是DIV和IMG的宽度都是多少,不对就说明有问题了
//alert($('divbox').clientWidth + "\n" + $('imgbox').clientWidth );
</script>
就赋值给他就可以了